<!-- 顶部搜索栏、搜索框 -->
<template>
    <div>
        <a-input v-model="searchQuery" placeholder="Search..." />
        <a-button type="primary" @click="onSearch">Search</a-button>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { Input as AInput, Button as AButton } from 'ant-design-vue';

const searchQuery = ref('');

const emit = defineEmits(['search']);

function onSearch() {
    emit('search', searchQuery.value);
}
</script>

<style scoped>
/* Your component styles go here */
</style>
